// 定义食物类
class Food {

    // 食物定义的dom
    element: HTMLElement

    constructor() {
        // 获取食物的dom
        this.element = document.getElementById("food")!
        this.change()
    }

    // 获取食物x坐标的
    get X(): number {
        return this.element.offsetLeft
    }

    // 获取食物Y坐标的
    get Y(): number {
        return this.element.offsetTop
    }

    // 修改食物的位置
    change(): void {
        // 生成随机位置，范围 0-290px
        // 移动单位10px
        const top = Math.round(Math.random() * 29) * 10;
        const left = Math.round(Math.random() * 29) * 10;
        // 修改位置
        this.element.style.left = top + 'px'
        this.element.style.top = left + 'px'
    }
}

export default Food